import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      name: 'layout',
      component: () => import('@/layout/index.vue'),
      meta: {
        title: '',
        hidden: false,
        icon: 'HomeFilled'
      },
      redirect: '/home',
      children: [
        {
          path: '/home',
          component: () => import('@/views/home.vue'),
          meta: {
            title: '首页',
            hidden: false,
            icon: 'HomeFilled'
          }
        }
      ]

    },
    {
      path: '/screen',
      component: () => import('@/views/screen/index.vue'),
      name: 'Screen',
      meta: {
        hidden: false,
        title: '数据大屏',
        icon: 'Platform'
      }
    },
    {
      path: '/acl',
      component: () => import('@/layout/index.vue'),
      name: 'Acl',
      meta: {
        title: '权限管理',
        icon: 'Lock'
      },
      redirect: '/acl/user',
      children: [
        {
          path: '/acl/user',
          component: () => import('@/views/acl/user/index.vue'),
          name: 'User',
          meta: {
            title: '用户管理',
            icon: 'User'
          }
        },
        {
          path: '/acl/role',
          component: () => import('@/views/acl/role/index.vue'),
          name: 'Role',
          meta: {
            title: '角色管理',
            icon: 'UserFilled'
          }
        },
        {
          path: '/acl/permission',
          component: () => import('@/views/acl/permission/index.vue'),
          name: 'Permission',
          meta: {
            title: '菜单管理',
            icon: 'Monitor'
          }
        }
      ]
    }
    ,
    {
      path: '/product',
      component: () => import('@/layout/index.vue'),
      name: 'Product',
      meta: {
        title: '商品管理',
        icon: 'Goods',
      },
      redirect: '/product/trademark',
      children: [
        {
          path: '/product/trademark',
          component: () => import('@/views/product/trademark/index.vue'),
          name: "Trademark",
          meta: {
            title: '品牌管理',
            icon: 'ShoppingCartFull',
          }
        },
        {
          path: '/product/attr',
          component: () => import('@/views/product/attr/index.vue'),
          name: "Attr",
          meta: {
            title: '属性管理',
            icon: 'ChromeFilled',
          }
        },
        {
          path: '/product/spu',
          component: () => import('@/views/product/spu/index.vue'),
          name: "Spu",
          meta: {
            title: 'SPU管理',
            icon: 'Calendar',
          }
        },
        {
          path: '/product/sku',
          component: () => import('@/views/product/sku/index.vue'),
          name: "Sku",
          meta: {
            title: 'SKU管理',
            icon: 'Orange',
          }
        },
      ]
    },




    {
      path: '/login',
      name: 'login',
      component: () => import('@/views/Login.vue'),
      meta: {
        title: '登录',//菜单标题
        hidden: true,//代表路由标题在菜单中是否隐藏  true:隐藏 false:不隐藏
        icon: "Promotion",//菜单文字左侧的图标,支持element-plus全部图标
      }
    },
    {
      path: '/unfound',
      name: 'unfound',
      component: () => import('@/views/404.vue'),
      meta: {
        title: '404',
        hidden: true,
        icon: 'DocumentDelete'
      }
    },
    {
      path: '/:pathMatch(.*)*',
      redirect: { name: 'unfound' },
      meta: {
        title: '任意路由',
        hidden: true,
        icon: 'DocumentDelete'
      }
    }
  ]
})

export default router
